<template>
	<view>
		<view class="Introduction">
			<view class="Introduction-img">
				<image src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1604666903035&di=520b4502a177b9e41fe08fa9dc78f51d&imgtype=0&src=http%3A%2F%2Fdpic.tiankong.com%2Fd0%2F22%2FQJ8272080390.jpg"
				 mode=""></image>
			</view>
			<view class="center">
				<view class="center-wan">概况介绍</view>
				<view class="center-tow">
					<text class="cen-toe-text">营业时间：</text>
					<text style="font-size: 20rpx;color: #212121;">10:00-21:00</text>
					<text style="font-size: 20rpx;color: #212121;">周一休息</text>
				</view>
				<view class="congye">
					<view style="width: 50%;font-size: 20rpx;color: #212121;">从业：12年</view>
					<view style="width: 50%;font-size: 20rpx;color: #212121;">职位：店长</view>
				</view>
				<view class="congye">
					<view style="width: 50%;font-size: 20rpx;color: #212121;">职称：国家高级美发师</view>
					<view style="width: 50%;font-size: 20rpx;color: #212121;">预约：提前3小时</view>
				</view>
				<view class="change_fn">擅长：男士油头造型、细软烫发</view>
				<view class="text-center">
					i奥赛加分滴哦急哦急哦i接送i的飞机哦i哦都是v就是滴哦据iOS降低哦擦v囧事的上帝vi哦今年是滴哦据哦i神盾局i哦就i觉得佛ivi哦对司法局i哦绝对是覅哦v就i的肌肤vi哦降低哦分剧哦i大家覅哦v就的分配结构布局i的飞机就骄傲的死哦见附件是大家i设计的覅哦囧的时间i搜集滴哦就
				</view>
			</view>
		</view>
		<view class="phone">
			联系电话：+86 1818273721
		</view>
		<view class="features">
			<view style="font-size: 30rpx;font-family: PingFang;font-weight: 500;color: #000000;">服务特色</view>
			<view class="features-to">
				<view class="features-text-left">
					<view>头皮检测</view>
					<view>一对一</view>
				</view>
				<view class="features-text-right">
					<view>免费茶点</view>
					<view>免费停车</view>
				</view>
			</view>
			<view>其他</view>
			<view>
				<view class="features-to">
					<view class="features-text-left">
						<view>头皮检测</view>
					</view>
					<view class="features-text-right">
						<view>免费茶点</view>
					</view>
				</view>
			</view>
		</view>
		<view class="features">
			<view style="padding: 20rpx 0;font-size: 30rpx;font-family: PingFang;font-weight: 500;color: #000000;">环境设施</view>
			<view class="text">环境设施</view>
			<view class="features-to">
				<view class="features-text-left">
					<view>头皮检测</view>
					<view>一对一</view>
				</view>
				<view class="features-text-right">
					<view>免费茶点</view>
					<view>免费停车</view>
				</view>
			</view>
			<view class="text">通用设施</view>
			<view>
				<view class="features-to">
					<view class="features-text-left">
						<view>头皮检测</view>
					</view>
					<view class="features-text-right">
						<view>免费茶点</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.Introduction {
		padding: 25rpx;
		border-bottom: 8rpx solid #F1F1F1;

		.Introduction-img {
			width: 100%;
			height: 100%;

			image {
				width: 100%;
				height: 350rpx;
			}
		}

		.center {
			.center-wan {
				font-size: 30rpx;
				font-family: PingFang;
				font-weight: 500;
				color: #000000;
				padding: 30rpx 0 26rpx 0;
			}

			.center-tow {
				font-size: 26rpx;
				padding: 10rpx 0;

				.cen-toe-text {
					color: #333333;
					font-size: 20rpx;
				}
			}

			.congye {
				padding: 10rpx 0;
				font-size: 28rpx;
				display: flex;
				justify-content: space-between;
			}

			.change_fn {

				padding: 10rpx 0;
				font-size: 20rpx;
				color: #212121;
			}

			.text-center {
				font-size: 20rpx;
				padding: 10rpx 0;
				color: #212121;
			}
		}
	}

	.phone {
		padding: 20rpx;

		border-bottom: 8rpx solid #F1F1F1;
		font-size: 24rpx;
		font-family: PingFang;
		font-weight: 500;
		color: #515151;
	}

	.features {
		padding: 20rpx;
		border-bottom: 8rpx solid #F1F1F1;

		.text {		
			font-size: 24rpx;
			font-family: PingFang;
			font-weight: 500;
			color: #000000;
		}

		.features-to {
			padding: 10rpx 20rpx;
			display: flex;
			justify-content: space-between;

			.features-text-left {
				width: 50%;
				font-size: 24rpx;

				view {
					padding: 6rpx 0;

					font-size: 20rpx;
					font-family: PingFang;
					font-weight: 500;
					color: #808080;
				}
			}

			.features-text-right {
				width: 50%;
				font-size: 24rpx;

				view {
					padding: 6rpx 0;

					font-size: 20rpx;
					font-family: PingFang;
					font-weight: 500;
					color: #808080;
				}
			}
		}
	}
</style>
